body {
  background: #f3f3f3;
}

.goodsbox {
  width: 100%;
  height: 1.12rem;
  overflow: hidden;
  margin-top: .1rem;
  background: #fff;
  position: relative;
  .num {
    position: absolute;
    top: .12rem;
    right: .14rem;
    color: #999;
    font-size: .14rem;
  }
  .selectox {
    width: .18rem;
    height: .18rem;
    position: absolute;
    top: .4rem;
    left: .1rem;
    .noslect {
      display: none;
      width: 100%;
      height: 100%;
    }
    .slect {
      display: none;
      width: 100%;
      height: 100%;
    }
    .activelogo {
      display: block;
    }
  }
  .goodscode {
    position: absolute;
    top: .58rem;
    left: .38rem;
    color: #999;
    font-size: .12rem;
  }
  .subtotal {
    position: absolute;
    top: .79rem;
    left: .38rem;
    font-size: .15rem;
  }
  .name {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 2.21rem;
    font-size: .15rem;
    position: absolute;
    left: .38rem;
    top: .12rem;
  }
  .editsnum {
    position: absolute;
    top: .7rem;
    right: .12rem;
    font-size: .14rem;
    background: #FFFFFF;
    border: 1px solid #DEDEDE;
    width: .82rem;
    height: .3rem;
    line-height: .3rem;
    border-radius: 5px;
    text-align: center;
  }
  .overedits {
    display: none;
    position: absolute;
    top: .7rem;
    right: .12rem;
    font-size: .14rem;
    background: #FCCD59;
    width: .82rem;
    height: .3rem;
    line-height: .3rem;
    border-radius: 5px;
    text-align: center;
  }
  .numbox {
    display: none;
    position: absolute;
    right: .12rem;
    top: .12rem;
    width: .93rem;
    height: .25rem;
    border: 1px solid #c2c2c2;
    border-radius: 5px;
    .cut {
      float: left;
      width: .25rem;
      line-height: .25rem;
      text-align: center;
      font-size: .22rem;
    }
    .add {
      float: right;
      width: .25rem;
      line-height: .25rem;
      text-align: center;
      font-size: .20rem;
      position: absolute;
      right: 0;
      top: 0;
    }
    .cnum {
      float: left;
      width: .4rem;
      line-height: .25rem;
      text-align: center;
      font-size: .15rem;
      border-left: 1px solid #c2c2c2;
      border-right: 1px solid #c2c2c2;
    }
    .upColor{
      background: #666666;
    }
  }
}

//确认退款弹窗
.layerbox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  .layer {
    width: 100%;
    height: 100%;
    background: black;
    opacity: .8;
  }
  .refundbox {
    display: none;
    width: 2.9rem;
    height: 1.62rem;
    background: #fff;
    position: absolute;
    left: .43rem;
    top: 2.5rem;
    border-radius: 4px;
    .tit{
      width: 100%;
      text-align: center;
      font-size: .16rem;
      margin-top: .28rem;
    }
    .money{
      font-size: .28rem;
      color: #F76D18;
      width: 100%;
      text-align: center;
      margin-top: .04rem;
    }
    .tip{
      width: 100%;
      font-size: .12rem;
      text-align: center;
      color: #999;
    }
    .bbtn{
      width: 100%;
      height: .51rem;
      border-top: 1px solid #dedede;
      position: absolute;
      bottom: 0;
      font-size: .16rem;
      .left{
        position: absolute;
        top: 0;
        left: 0;
        width: 1.45rem;
        line-height: .51rem;
        text-align: center;
        color: #999;
        border-right: 1px solid #dedede;
      }
      .right{
        position: absolute;
        top: 0;
        right: 0;
        width: 1.45rem;
        line-height: .51rem;
        text-align: center;
        color: #F76D18;
      }
    }
  }
  .approvbpx{
    width: 2.9rem;
    height: 3.29rem;
    background: #fff;
    border-radius: 4px;
    position: absolute;
    left: .43rem;
    top: 1rem;
    .top{
      width: 100%;
      text-align: center;
      line-height: .51rem;
      font-size: .17rem;
      border-bottom: 1px solid #dedede;
    }
    .approverlist{
      width: 2.5rem;
      height: 2.1rem;
      margin: 0 auto;
      overflow-y: scroll;
      .approver{
        position: relative;
        width: 100%;
        height: .68rem;
        border-bottom: 1px solid #dedede;
        .hearimgbox{
          width: .44rem;
          height: .44rem;
          border-radius: 50%;
          overflow: hidden;
          background: #dedede;
          position: absolute;
          top: .12rem;
          .hearimg{
            width: .44rem;
            height: .44rem;
          }
        }
        .name{
          position: absolute;
          top: .24rem;
          left: .53rem;
          font-size: .14rem;
        }
        .selectox {
          width: .18rem;
          height: .18rem;
          position: absolute;
          top: .24rem;
          right: .2rem;
          .noslect {
            display: none;
            width: 100%;
            height: 100%;
          }
          .slect {
            display: none;
            width: 100%;
            height: 100%;
          }
          .activelogo {
            display: block;
          }
        }
      }

    }
    .bbtn{
      width: 100%;
      height: .51rem;
      border-top: 1px solid #dedede;
      position: absolute;
      bottom: 0;
      font-size: .16rem;
      .left{
        position: absolute;
        top: 0;
        left: 0;
        width: 1.45rem;
        line-height: .51rem;
        text-align: center;
        color: #999;
        border-right: 1px solid #dedede;
      }
      .right{
        position: absolute;
        top: 0;
        right: 0;
        width: 1.45rem;
        line-height: .51rem;
        text-align: center;
        color: #F76D18;
      }
    }
  }
}

























































